/*
	Copyright Ben Jenkinson 2009
	contact [at]  BenJenkinson [dot] com
	http://BenJenkinson.com/
*/

/*	#########################################################
	Global
*/

body {
	background:#fff;
	font-family:"Helvetica", Arial, Verdana, sans-serif;
	font-size:14px;
	line-height:150%;}

.site-container .inner {
	width:940px;
	margin:0px auto;}
.navigation .inner {
	border:none; }
.header .inner {
	border:none; }
	
a {
	color:#3354AA;}
a:hover {
	color:#4B6DB7;
	text-decoration:none;}

strong {
	font-weight:bold;}
em {
	font-style:italic;}
code {
	font-family:"Courier New", monospace;
	background:#efefef;
	color:#111;}
h1 {
	font-size: 36px;
	font-weight:bold;
	line-height:44px;}
h2 {
	font-size:24px;
	font-weight:bold;
	margin:15px 0px;}
h3 {
	background:url(../img/line.gif) repeat-x 50%;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	margin:15px 0px;}
h3 span {
	background:#fff;
	padding-right:10px;}
h4 {
	font-style:italic;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	color:#333;
	margin:5px 0px;}

/*	#########################################################
	Navigation
*/

.navigation {
	display:block;
	padding:15px 0px;
	background:#fff;}

.navigation ul,
.navigation ul li,
.navigation span.branding {
	vertical-align:middle;
	list-style:none;
	display:inline-block;}

.navigation span.branding {
	cursor:default;
	color:#888;
	font-style:italic;
	margin-right:8px;}

.navigation .primary a {
	color:#111;
	text-decoration:none;
	padding:3px 6px 3px 26px;
	border:1px solid #fff;
	margin-right:2px;}
.navigation .primary a:hover {
	background-color:#eee;
	color:#000;
	border:1px solid #bbb;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;}

.navigation ul.secondary {
	float:right;
	display:block;}
.navigation ul.secondary li {
	margin-left:8px;}
.navigation ul.secondary a {
	color:#888;
	text-decoration:none;}
.navigation ul.secondary a:hover {
	color:#000;
	background-position:right -16px;}

.nav-courses a { background:url(../img/icons/picol/16/book.png) no-repeat 6px 50%;}
.nav-modules a { background:url(../img/icons/picol/16/folder.png) no-repeat 6px 2px;}
.nav-people a { background:url(../img/icons/picol/16/group.png) no-repeat 6px 3px;}
.nav-assignments a { background:url(../img/icons/picol/16/folder.png) no-repeat 6px 3px;}
.nav-calendar a { background:url(../img/icons/picol/16/calendar.png) no-repeat 6px 50%; padding-left:26px;}

.nav-signup a { background:url(../img/icons/picol/16/account_create.png) no-repeat right 0px; padding-right:18px;}
.nav-login a { background:url(../img/icons/picol/16/account_login.png) no-repeat right 0px; padding-right:18px;}
.nav-account a { background:url(../img/icons/picol/16/account_settings.png) no-repeat right 0px; padding-right:22px;}
.nav-admin a { background:url(../img/icons/picol/16/admin.png) no-repeat right 0px; padding-right:22px;}
.nav-logout a { background:url(../img/icons/picol/16/logout.png) no-repeat right 0px; padding-right:18px;}


/*	#########################################################
	Header
*/

#header {
	padding:10px 0px 15px;
	display:block;
	xbackground:#333;
	background:#44c7f4;
	xcolor:#c9c9c9;
	color:#daf4fd;
	xborder-top:5px solid #2a2a2a;
	border-top:5px solid #2BC1F3;}
#header a:hover {
	text-decoration:none;}
#header h1 {
	line-height:40px;
	margin:1px 0px 3px;
	text-shadow: 2px 2px 2px #2BC1F3;
	xcolor:#fff;
	color:#daf4fd;}
#header h1 a {
	color:#daf4fd;}
#header h1 a:hover {
	color:#fff;
	text-decoration:none;}
#header h1.name {
	color:#fff;}
#header h1 .code {
	color:#fff;}
#header h1 small {
	text-shadow:none;
	xcolor:#888;
	color:#0DA9DE;}
#header h2 {
	vertical-align:middle;
	margin:0px;
	padding:0px;
	font-size: 18px;
	letter-spacing: -1px;}
#header h2 small {
	padding-left:8px;
	color:#119BCA;}
#header a {
	xcolor:#888;
	color:#119BCA;
	text-decoration:none;}
#header a:hover {
	xcolor:#eee;
	color:#fff;}
	
#header .nextprev {
	float:right;}
#header .nextprev li {
	margin:5px 4px;
	display:inline-block;}
#header .nextprev li a {
	overflow:hidden;
	text-indent:-1000px;
	text-align:left;
	float:left;
	display:inline-block;
	height:36px;
	width:36px;}

#header .nextprev li.prev a {
	background:url(../img/icons/nextprev-left.jpg);}
#header .nextprev li.prev a:hover {
	background:url(../img/icons/nextprev-left-hover.jpg);}

#header .nextprev li.next a {
	background:url(../img/icons/nextprev-right.jpg);}
#header .nextprev li.next a:hover {
	background:url(../img/icons/nextprev-right-hover.jpg);}
	
x.person #header .inner h1{
	margin-left:240px;}
x.person #header .inner h2{
	margin-left:240px;}
	
#header ul.meta {
	display:block;
	margin-top:5px;
	xbackground:#303030;
	background:#5BCFF5;
	xborder:1px solid #444;
	border:1px solid #13BAF1;
	xborder-top:1px solid #222;
	xborder-left:1px solid #222;
	float:right;
	padding-left:15px;
	margin-left:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
#header ul.meta li {
	font-weight:bold;
	color:#fff;
	padding:5px 15px 5px 0px;
	float:left;
	display:inline-block;}
#header ul.meta li small {
	xcolor:#555;
	font-weight:normal;
	color:#0C97C6;}
#header ul.meta li a {
	font-weight:normal;
	color: #0C97C6;}

/*	#########################################################
	Body
*/

.body {
	padding-top:10px;}

.body .inner .primary {
	width:700px;
	float:left;
	display:block;}

.body .inner p,
.body .inner ul {
	font-size:12px;
	line-height:20px;
	margin-bottom:10px;}
.body .inner ul li {
	margin-left:20px;
	list-style-type: disc;}

.body .inner .secondary {
	width:220px;
	float:left;
	display:block;
	margin-right:20px;}
x.person .body .inner .secondary {
	margin-top:-120px;}

.body .inner .secondary .module .inner {
	width:auto;}
	
.header small {
	color:#888;
	font-size:13px;
	font-weight:normal;}

.secondary .module {
	border:4px solid rgb(235, 242, 238);
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	margin:10px 0px;}
.secondary .module .inner {
	background:#fff;
	border:1px solid rgb(192, 204, 196);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
	
.secondary .module h3{
	color:rgb(43, 51, 46);
	margin:0px;
	padding:6px 12px;
	background:none;
	font-weight:bold;
	font-size:14px;
	height:16px;
	line-height:16px;
	background:#eee;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;}
.image {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	height:160px;
	background:#ddd;}
.contact-details {
	border-top:1px solid #eee;
	padding:8px 12px;}
.contact-details span {}

.module ul.navigation {
	margin:0px;
	padding:0px;
	clear:both;
	color:#ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
.module ul.navigation li {
	margin:0px;
	list-style-type:none;}
.module ul.navigation li.disabled,
.module ul.navigation a {
	border-top:1px solid #eee;
	display:block;
	padding:4px 12px;
	text-decoration:none;}
.module ul.navigation li.disabled {
	cursor:default;}
.module ul.navigation a:hover {
	background-color:#ebf1ff;
	background-color:#E1F5FE;}
.module ul.navigation .this a {
	font-weight:bold;
	color:#000;}
.module ul.navigation li.first a {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;}
.module ul.navigation li.last a {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;}
	
.module li.mail a {
	background-image:url(../img/icons/picol/16/mail.png);
	background-position:12px 6px;
	background-repeat:no-repeat;
	padding-left:36px;}
.module li.mail a:hover {
	background-image:url(../img/icons/picol/16/mail_hover.png);}
.module li.site a {
	background-image:url(../img/icons/picol/16/mail.png);
	background-position:12px 6px;
	background-repeat:no-repeat;
	padding-left:36px;}
.module li.site a:hover {
	background-image:url(../img/icons/picol/16/mail_hover.png);}
.module li.phone {
	background-image:url(../img/icons/picol/16/mail.png);
	background-position:12px 6px;
	background-repeat:no-repeat;
	padding-left:36px !important;}
	
.secondary .module .inner .error {
	padding:8px 12px 4px;
	margin:0px;
	background:#FFEDEF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
.secondary .module .inner .error strong {
	padding:20px;}
.secondary .module .inner .error p {
	margin:0px;
	padding:0px 0px 4px;
	line-height:17px;}
	

	
.module ul.people-list{
	margin:0px;
	padding:0px;
	clear:both;
	padding:10px 0px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
.module ul.people-list li {
	margin:0px;
	list-style-type:none;
	margin-left:15px;
	vertical-align:middle;
	padding-bottom:5px;}
.module ul.people-list li img {
	margin-right:5px;
	display:inline-block;
	vertical-align:middle;}
.module ul.people-list a {	
	text-decoration:none;}
	
x.module ul.people-list a {
	vertical-align:middle;
	text-decoration:none;
	border-top:1px solid #eee;
	display:block;
	padding:0px 12px 0px 0px;
	padding:8px 12px;}
x.module ul.people-list li.first a {
	border-top:1px solid rgb(192, 204, 196);}
x.module ul.people-list li.last a {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;}
x.module ul.people-list a:hover {
	background:#ebf1ff;}
x.module .person-link a img {
	background:#efefef;
	padding:3px;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	margin-right:5px;
	vertical-align:middle;}
x.module .person-link a:hover img {
	background:#fff;}
x.module ul.people-list.small .person-link a img {
	padding:2px;
	font-size:12px;}
x.person-link.small {
	font-size:12px;}
	
.secondary .module .error {
	background:none;
	border:none;}

/*	#########################################################
	Footer
*/

.footer {
	margin:0px auto;
	padding:20px 0px;
	clear:both;}

.footer .inner {
	display:block;
	border:4px solid rgb(235, 242, 238);
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	margin:10px auto;
	background:#efefef;}
.footer p {
	color:#333;
	font-size:12px;
	margin:5px 15px;}


/*	#########################################################
	Misc.
*/


.global-message {
	background:url(../img/stripe.png);
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	padding:5px 0px;}

.global-message a {
	font-weight:bold;
	color:#fff;}

.global-message .inner {
	display:block;
	background:#000;
	width:none;
	margin:0px;
	padding:10px 20px;
	color:#fff;
	text-align:left;
	line-height:1.5em;}
.global-message ul li {
	color:#cfcfcf;
	margin-left:20px;}



.clear {
	clear:both;
	visibility:hidden;
	height:0px;}

.error {
	display:block;
	background:#FFEDEF;
	color:#c00 !important;
	border:1px solid #FFC2CA;
	padding:10px 15px 0px;}
.error h4 {
	font-size:12px !important;
	color:#c00;
	margin:0px 0px 4px;
	font-style:normal;}

table {
	margin:10px 0px;
	border-collapse:collapse;
	border-bottom:1px solid #ececec;
	width:100%;}
table td, table th {
	border-top:1px solid #ececec;
	vertical-align:middle;
	line-height:30px;}
table td a {
	text-decoration:none;}
table td a:hover {
	text-decoration:underline;}
table td img {
	display:block;
	padding:0px;
	margin:0px;}
thead th {
	color:#888;
	font-style:italic;}
tbody th {
	font-weight:bold;
	padding-top:15px;}

form {
	background:#f4f4f4;
	border:1px solid #ccc;}
form .fieldWrapper {
	margin:0px auto;
	padding:10px 20px;}
form .fieldWrapper label {
	padding:0px;
	font-weight:bold;
	display:block;}
form .fieldWrapper.inline label {
	display:block;
	float:left;
	margin-right:20px;
	width:100px;
	text-align:right;
	line-height:42px;
	vertical-align:middle;}
form .fieldWrapper.inline input {
	display:inline-block;
	font-size:24px;
	padding:4px;}
form .inner {
	padding:10px 0px;}
form .submitOptions {
	border-top:1px solid #ccc;
	padding:15px 20px;
	background:#eee}
form .submitOptions a.cancel {
	color:#c00;
	padding:0px 2px;}
form .submitOptions a.cancel:hover {
	color:#fff;
	background:#d00;}	
	
	
/*	#########################################################
	Backend
*/

body.backend {
	background:#44c7f4;}
body.backend .main {
	background:url(../img/objectbar.bg.gif) repeat-x top left;}
body.backend .body .inner {
	width:980px;
	margin:10px auto 50px;
	background:#fff;
	xborder:10px solid #2a2a2a;
	border:10px solid #13BAF1;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;}
body.backend.login .body .inner,
body.backend.colophon .body .inner,
body.backend.index .body .inner {
	width:540px;}
	
body.backend .container .header {
	margin:15px 20px 0px;}
body.backend .container .content {
	margin:20px;}

body.backend .container p {
	margin:10px 0px;}
	


body.backend .container form {
	border-bottom:0px;
	border-left:0px;
	border-right:0px;}
.login form,
body.backend .container form .submitOptions {
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;}
.login form .submitOptions {
	text-align:center;}
.login form .submitOptions input{
	font-size:14px;
	vertical-align:middle;
	padding:3px 5px;}

body.backend .footer .inner {
	background:none;
	border:none;
	color:#666;
	padding:0px;}
